• Introduction
• Customizing Marker Titles and Info Boxes
• Dynamic Marker Icons-Alternate View Layout Options
• More Alternate View Layout Options
• Dynamic Marker Circles
• Dynamic Images and Image Sequences
• Layers
• Animating Markers
• Treating the Map as a Blank Canvas so that Markers on the Map can be Added Programmatically
• Search Part - Geography Searches
• Search Part - Show Search Results on Screen
• Search Part - Radius Search - Sorting result by distance from the map center point
• How to use a Grid to implement a typical 'Store Finder' application
• Update the Latitude and Longitude in the current Grid
• Updating a Geography data type Field
• Adding New Markers to a Map
• How the Grid Was Configured in Video GM12
• Alternate View Google Map JavaScript Methods

 

Animating Markers

Description

When markers are placed on a Google Map, you can specify that the markers should be animated as they are placed on the map. Two animation modes are supported: Drop and Bounce.

The video shows how to use the animation effects. You can also use the Action Javascript to animate a marker after it has been placed on a map to draw attention to it. For example, you could click on a Grid row and cause the corresponding marker on the map to bounce.

• Watch Video GM8 Part 1 
• Watch Video GM8 Part 2 

Animation effects when the markers are placed on google maps. Design view. Alternate view Builder . Animation...Bounce, Drop gives the map a nice visual effect. Video 2. Use the automation features to automate aspects of the map. Here we have a grid that is showing markers for all of the rows in the grid. Also have a button in the grid called show on map. When you click this button the corresponding marker on the map starts to bounce. Edit Google Map method. Set Map ID. Action. Bounce a Marker for 2 seconds. Marker Index: Current Row. Animation method bounce as opposed to drop.